<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA | Login</title>

    <link href="<?php echo base_url(); ?>static/css/bootstrap.min.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>static/font-awesome/css/font-awesome.css" rel="stylesheet">

     <!-- Toastr style -->
    <link href="<?php echo base_url(); ?>static/css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <link href="<?php echo base_url(); ?>static/css/animate.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>static/css/style.css" rel="stylesheet">

</head>

<body class="gray-bg" background="<?php echo $background; ?>">

    <div class="middle-box text-center loginscreen animated fadeInDown">
        <div>
            <div>

                <h1 class="logo-name">
                    &nbsp;
                </h1>

            </div>
            <?php if ($this->session->has_userdata('error')): ?>
                <div class="alert alert-danger alert-dismissable">
                    <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                    <?php echo $this->session->tempdata('error'); ?> 
                </div>
            <?php endif ?>
            <form class="m-t" role="form" action="<?php echo site_url('admin/login/login_in') ?>" method="post">
                <div class="form-group">
                    <input type="mail" class="form-control" name="username" placeholder="Username" required="">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" name="passwd" placeholder="Password" required="">
                </div>
                <button type="submit" class="btn btn-primary block full-width m-b">登录</button>

            </form>
            <p class="m-t"> <small>Inspinia we app framework base on Bootstrap 3 &copy; 2014</small> </p>
        </div>
    </div>

    <!-- Mainly scripts -->
    <script src="<?php echo base_url(); ?>static/js/jquery-2.1.1.js"></script>
    <script src="<?php echo base_url(); ?>static/js/bootstrap.min.js"></script>

    <!-- Toastr script -->
    <script src="<?php echo base_url(); ?>static/js/plugins/toastr/toastr.min.js"></script>
    

    <script type="text/javascript">
        $(function () {
            // toastr.options = {
            //   "closeButton": true,
            //   "debug": false,
            //   "progressBar": true,
            //   "positionClass": "toast-top-center",
            //   "onclick": null,
            //   "showDuration": "400",
            //   "hideDuration": "1000",
            //   "timeOut": "3000",
            //   "extendedTimeOut": "1000",
            //   "showEasing": "swing",
            //   "hideEasing": "linear",
            //   "showMethod": "fadeIn",
            //   "hideMethod": "fadeOut"
            // }

            // toastr.error('账号或密码错误');
        })

    </script>
</body>

</html>
